@import '~@/assets/css/mixins';

.back_bar {
  height: 48px;
  color: @gray-700;
  font-size: 16px;
  background: #fff;
  border-bottom: 1px solid @gray-200;

  dl,
  dt,
  dd {
    float: left;
    color: rgb(0 0 0 / 65%);
    font-size: 14px;
    cursor: pointer;
  }

  dl {
    margin-top: 4px;
    margin-left: 7px;
    padding: 8px 9px;
    dd {
      margin-left: 3px;
    }
  }

  button {
    float: right;
    margin: 8px 20px 0 0;
  }
}

.page_content_off_content {
  width: 100%;
  height: calc(100% - 49px);
  padding-bottom: 100px;
  overflow: auto;
}

.form {
  width: 600px;
  margin-top: 50px;
  margin-left: 160px;

  .field_mapping {
    width: 840px;
    margin-bottom: 30px;
  }

  .form_item {
    width: 500px;
    height: 32px;
    padding: 0 15px;
    color: rgb(0 0 0 / 85%);
    line-height: 32px;
    background: rgb(248 249 251 / 100%);
  }
}

.flow_log {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.page_content_off {
  position: relative;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.text_overflow_single_span {
  padding: 0 10px 0 0;
}

.disable {
  color: rgb(0 0 0 / 35%) !important;
  cursor: not-allowed !important;

  dl,
  dt,
  dd {
    color: rgb(0 0 0 / 35%) !important;
    cursor: not-allowed !important;
  }
}
